<template>
	<cl-page statusBarBackground="#fff" background-color="#fff" :fullscreen="true">
		<cl-sticky>
			<cl-topbar
				:border="false"
				background-color="#fff"
				color="#333"
				:title="t('bill.repayment.result')"
				:moreTit="t('bill.repayment.finsh')"
				moreTitColor="#0C81F7"
				@more="router.home()"
			/>
		</cl-sticky>
		<view class="page-info animate__animated animate__fadeIn flex flex-center flex-column">
			<cl-icon class="icon" name="success-fill" color="#0C81F7" size="160rpx"></cl-icon>
			<view class="text">{{ $t("bill.repayment.success") }}</view>
			<view class="money">8000.00</view>
		</view>
	</cl-page>
</template>

<script lang="ts" setup>
import { onReady } from "@dcloudio/uni-app";
import { useApp, useCool, useStore } from "/@/cool";
import { useUi } from "/$/cool-ui";
import { useI18n } from "vue-i18n";
const { locale } = useI18n();
const { t } = useI18n();
const { router, upload } = useCool();
const { user } = useStore();
const ui = useUi();
const app = useApp();
</script>

<style lang="scss" scoped>
.page-info {
	.icon {
		margin-top: 100rpx;
	}

	.text {
		font-family: PingFangSC;
		font-weight: 400;
		font-size: 32rpx;
		color: #333333;
		margin-top: 50rpx;
	}

	.money {
		font-family: HelveticaNeue;
		font-weight: 500;
		font-size: 70rpx;
		color: #0c81f7;
		margin-top: 30rpx;
	}
}
</style>
